<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Asteroids of the Solar System</title>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body onload="javascript:visitOrbit()">
		
		<nav id="navigation">
			<span class="menu-link-inactive">Asteroid Belt</span>
			<a href="topic-2.html" class="menu-link">Ceres</a>
			<a href="topic-3.html" class="menu-link">433 Eros</a>
			<a href="topic-4.html" class="menu-link">Vesta</a>
			<a href="assessment.html" id="hide-link" class="menu-link">Assessment</a>
		</nav>
			
		<section id="main-content">
			<article id="main-info">
			
				<header>
					<h1 id="topic-title">Asteroid Belt</h1>
				</header>
				
				<table>
			<tr>
			<td class="photo1">	
				<img src="images/asteroid-belt.jpg" alt="Asteroid belt region" title="Asteroid belt region"/>
			</td>
			<td class="photo2">
				<img src="images/astroid-belt2.jpg" alt="Asteroid belt and the Sun" title="Asteroid belt and the Sun">	
			</td>
			</tr>
		</table>
		<article>
			<p>The asteroid belt is section of the Solar System where several asteroids and minor planets are located. There are several different asteroid belts but the main one is located between Mars and Jupiter.
				</p>
		</article>
					
				<hr/>
		<footer>
			This infromation and these images were extracted from <a href="http://en.wikipedia.org/wiki/Asteroid_belt">Wikipedia</a> and <a href="http://www.nasa.gov">NASA</a>.
		</footer>
			
			</article>
			
			<aside id="aside-info">
				<header>
					<p id="aside-title-audio">Audio</p>
				</header>
				<audio id="narration" controls="controls">
					
				</audio>
					
				<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
				<div id="transcript">
				</div>
			</aside>
			<div id="main-content-clear"></div>
			
			</article>
		</section>
		
		

	</body>
</html>